.shop-bar{
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(51,51,51,0.9);
  .bottom-content{
    width: 100%;
    height: 100%;
    display: flex;
  }
  .shop-icon{
    width: px2rem(56px);
    height: px2rem(56px);
    background: url('./img/shop-icon.png') no-repeat;
    background-size: cover;
    position: relative;
    margin-right: px2rem(8px);
    margin-top: px2rem(-15px);
    margin-left: px2rem(6px);
    z-index: 100;
    .dot-num{
      position: absolute;
      background-color: #fb4e44;
      width: px2rem(15px);
      height: px2rem(15px);
      font-size: px2rem(12px);
      color: #fff;
      border: 1px solid #fff;
      top: px2rem(2px);
      right: 0;
      border-radius: 50%;
      text-align: center;
      line-height: px2rem(16px);
    }
  }
  .price-content{
    flex: 1;
    font-size: px2rem(14px);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .total-price {
      display: block;
      font-size: px2rem(20px);
      color: #fff;
    }
    .other-price {
      display: block;
      font-size: px2rem(12px);
      color: #999;
      margin-top: px2rem(2px);
    }
  }
  .submit-btn{
    width: px2rem(110px);
    height: 100%;
    background-color: #ffd161;
    color: #333;
    font-size: px2rem(16px);
    line-height: px2rem(50px);
    text-align: center;
  }
  .choose-content{
    position: fixed;
    top: px2rem(54px);
    bottom: px2rem(48px);
    left: 0px;
    right: 0px;
    z-index: 50;

    background: rgba(0, 0, 0, 0.3);
    .list-content{
      width: 100%;
      position: absolute;
      bottom: 0px;
      padding-bottom: 20px;
      max-height: 100px;
      background: #fff;
      overflow-y: auto;
      .content-top{
        height: px2rem(35px);
        background-color: #f4f4f4;
        font-size: px2rem(11px);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .clear-car {
          margin-left: px2rem(10px);
          margin-right: px2rem(5px);
          color: #666;
          &:before {
            content: '';
            width: px2rem(13px);
            height: px2rem(13px);
            display: block;
            background-image: url('./img/clear.jpeg');
            background-size: cover;

            float: left;
            margin: px2rem(-1px);
            margin-right: px2rem(2px);
          }
        }
      }
      .choose-item{
        display: flex;
        font-size: px2rem(15px);
        color: #2f2f2f;
        height: px2rem(35px);
        align-items: center;
        padding: px2rem(10px) px2rem(0px);
        margin: 0px px2rem(10px);
        box-sizing: border-box;
        border-bottom: 1px solid #f3eeee;
        &:last-of-type(-1) {
          margin-bottom: px2rem(20px);
        }
        .item-name{
          flex: 1;
        }
        .price {
          width: px2rem(40px);
          margin-left: px2rem(5px);
          margin-right: px2rem(25px);
        }
        .select-content {
          width: px2rem(100px);
          position: relative;
          display: flex;
          margin-right: px2rem(8px);
          justify-content: flex-end;
        }
        .plus {
          width: px2rem(25px);
          height: px2rem(25px);
          background-size: 100% 100%;
          background-image: url('./img/plus.png');
        }
        .minus {
          width: px2rem(25px);
          height: px2rem(26px);
          background-size: 100% 100%;
          background-image: url('./img/minus.png');
        }
        .count {
          font-size: px2rem(15px);
          color: #2f2f2f;
          width: px2rem(20px);
          height: px2rem(25px);
          line-height: px2rem(25px);
          margin-left: px2rem(2px);
          margin-right: px2rem(2px);
          text-align: center;
        }
      }
    }
  }
}
